<div ng-init="init();" class="kmi-layout-content B1601-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'B1601.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page list">
            <div style="display: flex;flex-direction: row;position: relative;">
                <div style="flex:1;">
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'B1601.plot_no' | translate"></label>
                        <input ng-model="condition.plot_no"/>
                    </div>
                </div>
                <div style="flex:1;">
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'B1601.op_no' | translate"></label>
                        <input ng-model="condition.op_no"/>
                    </div>
                </div>
                <div style="flex:0 0 116px;">
                    <div class="kmi-text-fields">
                        <div class="kmi-button kmi-button-confrim  btn-qrcode-query" ng-click="search();">
                            <label ng-bind="'B1601.search' | translate"></label>
                            <div class="kmi-can-click"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="kmi-list column-selector" style="margin-bottom: 15px;">
                <div class="kmi-list__header">
                    <!-- 20230313 modify by Alan for M#129881: -->
                    <div class="kmi-list__column width-fixed" style="flex:0 0 40px">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="selectAllData();">
                            <img ng-if="!selectAll" src="image/icons/check0.png"></img>
                            <img ng-if="selectAll" src="image/icons/check1.png"></img>
                        </button>
                    </div>
                    <div class="kmi-list__column" style="flex:1; text-align: center;" ng-bind="'B1601.list.column1' | translate"></div>
                    <div class="kmi-list__column" style="flex:1; text-align: center;" ng-bind="'B1601.list.column2' | translate"></div>
                    <div class="kmi-list__column" style="flex:1; text-align: center;" ng-bind="'B1601.list.column3' | translate"></div>
                    <div class="kmi-list__column" style="flex:1; text-align: center;" ng-bind="'B1601.list.column4' | translate"></div>
                    <div class="kmi-list__column" style="flex:1; text-align: center;" ng-bind="'B1601.list.column5' | translate"></div>
                    <div class="kmi-list__column" style="flex:1; text-align: center;" ng-bind="'B1601.list.column6' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in datalist track by $index">
                        <div class="kmi-list__column column-border" style="flex:0 0 40px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="select($event,item);">
                                <img ng-if="!item.isSelect" src="image/icons/check0.png"></img>
                                <img ng-if="item.isSelect" src="image/icons/check1.png"></img>
                            </button>
                        </div>
                        <div class="kmi-list__column  column-border" style="flex:1; text-align: center;" ng-bind="item.lot_no"></div>
                        <div class="kmi-list__column  column-border" style="flex:1; text-align: center;" ng-bind="item.op_no"></div>
                        <div class="kmi-list__column  column-border" style="flex:1; text-align: center;" ng-bind="item.material_no"></div>
                        <div class="kmi-list__column  column-border" style="flex:1; text-align: center;" ng-bind="item.material_lot_no"></div>
                        <div class="kmi-list__column  column-border column-input" style="flex:1; text-align: center;">
                            <input ng-model="item.use_qty" ng-click="input_use_qty($event, item);">
                        </div>
                        <div class="kmi-list__column  column-border" style="flex:1; text-align: center;" ng-bind="item.event_time"></div>
                    </div>
                </div>
            </div>

            <div class="kmi-layout-footer">
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
                        ng-click="confirm();">
                    <i class="material-icons">done</i>
                </button>
            </div>
        </div>
    </div>
</div>
